<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>petclinic - 注册</title>
  <link th:href="@{/webjars/font-awesome/4.7.0/css/font-awesome.min.css}" rel="stylesheet">
  <link rel="stylesheet" th:href="@{/resources/css/petclinic.css}" />
</head>
<body>
<div class="container bg-light bg-opacity-75 rounded-3 px-5 py-3" style="max-width: 450px">
  <form action="#" th:action="@{/ownerRegisterPost}" method="post"
        class="form-horizontal">
    <div class="form-group">
      <div class="control-group my-2">
        <label class="col-sm-2 control-label">账户名</label>
        <input class="form-control"  size="30" th:name="ownername"/><!--修改name为ownername便于区分兽医和用户-->
      </div>
      <div class="control-group my-2">
        <label class="col-sm-2 control-label">密码</label>
        <input class="form-control" type="password" size="30" th:name="ownerpassword"/><!--修改password为ownerpassword-->
      </div>
      <div class="control-group my-2">
        <label class="col-sm-2 control-label">邮箱</label>
        <input class="form-control"  size="30" th:name="owneremail"/>
      </div>
      <div class="control-group my-2">
        <label class="col-sm-2 control-label">电话</label>
        <input class="form-control"  size="30" th:name="ownertel"/>
      </div>
      <div class="control-group my-2">
        <label class="col-sm-2 control-label">地址</label>
        <input class="form-control"  size="30" th:name="owneraddress"/>
      </div>
    </div>
    <div class="form-group">
      <div class="mx-auto w-50 d-flex justify-content-between">
        <button type="submit" class="btn btn-primary">注册</button>
      </div>
    </div>

  </form>
</div>

</body>

<style>
  body {
    background: url("../static/resources/images/login-bg.jpg") no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
  }
</style>
</html>
